<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>任务</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>

<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event.target)">
        <ion-refresher-content pullingText="加载最新任务数据"></ion-refresher-content>
    </ion-refresher>
    <div>
        <alarm-item [alarmDatas]="alarmDatas" (showPopup)="showPopup($event)" (watchVideo)='watchVideo($event)' [permission]="dealAlarmPermission"></alarm-item>
    </div>
    <ion-infinite-scroll *ngIf="!IsILastPage" (ionInfinite)="loadData('load',$event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
    <p *ngIf="IsILastPage" style="text-align: center;">没有更多了</p>
</ion-content>

<ion-footer class='task-page'>
    <div class="data-count">共
        <span>&nbsp;{{alarmArresultLen || 0}}&nbsp;</span>条记录</div>
</ion-footer>